<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../source/css/toggle.css">
  <link rel="stylesheet" href="../source/css/style.css">
  <script src="../source/js/jquery.min.js"></script>
</head>

<body>
  <div id="wrapper">
    <!--   Sidebar -->
    <div id="aside"></div>
    <script type="text/javascript">
      $('#aside').load('./common/aside.html');
    </script>
    <!--   contens -->
    <div class="upload">
      <!-- header -->
      <div id="header"> </div>
      <script type="text/javascript">
        $('#header').load('./common/header.html');
      </script>
      <!-- shadow -->
      <div class="items-shodow" style="display:none">
      </div>
      <!-- midd contents -->
      <div class="searchSick container">
        <div class="row headerSearch">
          <div class="pull-right col-md-6 col-xs-12 search-wrap">
            <button class="pull-right searchBtn">搜索</button>
            <input type="text" name="" class="pull-right form-control" value="恶心、呕吐" placeholder="请在此输入症状">
          </div>
        </div>
        <div class="row characterList">
          <div class="col-xs-12">
            <!-- Table -->
            <table class="table">
              <tr>
                <td>序号</td>
                <td>综合征中文名</td>
                <!--   <td>特征表现</td> -->
                <td>详情</td>
              </tr>
              <tr>
                <td>1</td>
                <td>先天性腹泻7型</td>
                <!-- <td>恶心、呕吐</td> -->
                <td class="look"><a href="./searchDetaile.html">查看</a></td>
              </tr>
              <tr>
                <td>2</td>
                <td>抗利尿激素不适当分泌综合征</td>
                <!-- <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
              <tr>
                <td>3</td>
                <td>46，XY性反转综合征3型</td>
                <!--   <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
              <tr>
                <td>4</td>
                <td>HUPRA综合征</td>
                <!-- <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>

              <tr>
                <td>5</td>
                <td>3β羟类固醇脱氢酶缺陷症</td>
                <!-- <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
              <tr>
                <td>6</td>
                <td>孤立性高氯汗症</td>
                <!--   <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
              <tr>
                <td>7</td>
                <td>婴儿高钙血症</td>
                <!-- <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
              <tr>
                <td>8</td>
                <td>11β羟化酶缺陷症</td>
                <!--   <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
              <tr>
                <td>9</td>
                <td>先天性高氯性腹泻1型</td>
                <!--   <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
              <tr>
                <td>10</td>
                <td>肾性抗利尿激素不适当分泌综合征</td>
                <!--   <td>恶心、呕吐</td> -->
                <td class="look">查看</td>
              </tr>
            </table>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            <nav aria-label="Page" class="pull-right">
              <ul class="pagination">
                <li>
                  <a href="#" aria-label="Previous">
                   <span aria-hidden="true">&laquo;</span>
                 </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                  <a href="#" aria-label="Next">
                   <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
      <!-- footer -->
      <div id='footer'></div>
      <script type="text/javascript">
        $('#footer').load('./common/footer.html');
      </script>
    </div>
  </div>
  <script src="../source/js/bootstrap.min.js">
  </script>
</body>

</html>
